#head{height: 115px; background: url(../img/head.jpg) repeat-x;}
.logo{padding-top: 33px; float: left;}
.nav{float: right; padding-top: 45px;}
.nav ul{float: left; padding-right: 29px;}
.nav ul li.nLi{float: left; font-size: 18px; margin-left: 37px; position: relative;}
.nav ul li a{color: #747373;}
.nav ul li ul.sub{position: absolute; width: 400px; display: none;}
.nav ul li ul.sub li{float: left; margin-right: 20px;}
.nav .tel{float: right; font-size: 18px; background: url(../img/head_tel.jpg) left no-repeat; padding-left: 22px; color: #747373;}
.fullSlide{ width:100%;  position:relative;  height:605px; background:#000; margin-top: 0px;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:605px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:605px; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
	.fullSlide .hd ul .on{ background-position:0 0; }
.m1{height: 472px;}
.title{font-size: 30px; color: #353434; height: 64px; padding-top: 30px;}
.m1_ss{width: 100%; height: 27px; border: 1px solid #e6e3df; border-radius: 3px;}
.m1bd{padding-top: 32px;}
.m1bd ul li{width: 283px; height: 290px; background: #eeeeee; border-radius: 4px; padding-top: 12px; float: left; margin-right: 22px;}
.m1bd ul li .pic{width: 260px; height: 220px; margin: auto; background: #FFFFFF; border-radius: 4px; text-align: center;display: flex; justify-content: center;  }
.m1bd ul li .pic img{height: 196px; align-self: center; }
.m1bd ul li .tit{font-size: 20px; padding-left: 12px; line-height: 65px;}
.m2{height: 627px;}
.m2con{padding-top: 10px;}
.m2con ul li{width: 283px; height: 215px; float: left; position: relative; margin-left: 23px; margin-bottom: 22px; border-radius: 4px;}
.m2con ul li img{width: 283px; height: 215px;}
.m2con ul li span{display: none;}
.m2con ul li h3{width: 273px; height: 44px; background: rgba(0,0,0,0.3); position: absolute; bottom: 0; font-weight: normal; font-size: 14px; color: #FFFFFF; line-height: 44px; padding-left: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.m2con ul li:nth-child(1){width: 588px; height: 453px; background: #eeeeee; float: left; border-radius: 5px; margin-left: 0;}
.m2con ul li:nth-child(1) img{width: 559px; height: 312px; padding-top: 17px; padding-left: 13px; border-radius: 5px;}
.m2con ul li:nth-child(1) h3{position: relative; background: none; font-size: 20px; color: #353434; width: 100%;}
.m2con ul li:nth-child(1) span{display: block; font-size: 14px; color: #706f6f; padding-left: 13px; padding-right: 13px;}
#m3{height: 378px; background: url(../img/m3.jpg) center;}
.m4{height: 372px; padding-top: 46px;}
.m4l{width: 600px; height: 307px; float: left;}
.m4l img{border-bottom-left-radius: 14px;}
.m4r{width: 520px; height: 307px; float: right; border-top-right-radius: 16px; background: #eeeeee; padding-left: 32px; padding-right: 48px; line-height: 36px;}
.m4r h3{font-size: 24px; font-weight: normal; color: #353434; line-height: 60px; padding-top: 20px;}
.m4r p{font-size: 14px; color: #636363;}
#foot1{height: 247px; border-bottom: 1px solid #4e5157; background: #34373e;}
.foot1l{width: 800px; float: left; }
.foot1t{font-size: 16px; color: #FFFFFF; padding-top: 40px;}
.foot1lcon{color: #FFFFFF; font-size: 14px; line-height: 36px; padding-top: 20px;}
.foot1r{width: 277px; float: right;}
.foot1rcon{font-size: 18px; color: #FFFFFF;}
.foot1r img{padding-top: 80px;}
#foot2{background: #34373e; height: 292px;}
.foot2t{height: 220px;}
.foot2l{padding-top: 60px; width: 318px; float: left;}
.foot2m{float: left; width: 715px;padding-top: 50px;}
.foot2m ul li{float: left; margin-right: 108px; margin-bottom: 30px;}
.foot2m ul li a{color: #FFFFFF;}
.foot2r{float: right; padding-top: 50px;}
.foot2r ul li{float: left; margin-left: 5px;}
.foot2b{text-align: center; color: #FFFFFF; font-size: 14px;}
.tl{float: left;}
.tr{float: right;}



#zybanner{height: 367px; background: url(../img/zybanner.jpg) center; text-align: center;}
#zybanner span{font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 367px;text-shadow: 5px 5px 5px rgba(0,0,0,0.4);letter-spacing:5px}
.zy{min-height: 500px; overflow: hidden; padding-top: 20px; padding-bottom: 20px;}
.list-news{padding-top: 20px;}
.list-news li {
    float: left;
    width: 48%;
    margin-right: 4%;
	margin-bottom:4%;
	height: 257px;
}
.list-news li em{font-style: normal;}
.list-news li:nth-child(2n){margin-right: 0;}
.list-news li a {
    display: block;
	position:relative;
	background:#fff;
}
.list-news li a span {
    display: block;
    opacity:0;
}
.list-news li a span img {
    width: 100%;
    height: auto;
}
.list-news li a div {
    padding: 35px;
	
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	transition:all .3s;
	border:1px solid #ccc;
}
.list-news li:hover a div{
	border:1px solid #d11f3f;
}
.list-news li a div h3 {
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
    color: #333;
	transition:all .3s;
}
.list-news li a div p {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

/*------------list-product-------------*/
.list-product{
	padding-top: 20px;
}
.list-product li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 4%;
}
.list-product li:nth-child(3n){margin-right: 0;}
.list-product li a {
    display: block;
    padding: 20px;
    border: 1px solid #eee;
}
.list-product li a span{
	position:relative;
	display:block;
}
.list-product li a span::after
,.list-product li a span::before{
	position:absolute;
	content:"";
	width:100%;
	height:0;
	opacity:0;
	background: #002e73;
	left:0;
	top:0;
	opacity:.8;
	transition:all .3s;
}
.list-product li a span::after{
	top:auto;
	bottom:0;
}
.list-product li:hover a span::after
,.list-product li:hover a span::before{
	opacity:.8;
	height:50%;
}
.list-product li a span ins {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: absolute;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	width: 100%;
	opacity:0;
	transition:all .3s;
}
.list-product li:hover a span ins {
	opacity:1;
}
.list-product li a img{
	width:100%;
	
	
}
.list-product li a .picimg1{
	height: 265px;
}
.list-product li a .picimg2{
	height: 465px;
}
.list-product li a h3 {
    text-align: center;
    font-size: 16px;
    margin: 30px 0 10px;
}
.list-conatct {
    border: 1px solid #eee;
    margin: 100px auto;
    padding: 100px;
}


/* 手机 */
@media (max-width:768px){
	.fullSlide{ width:100%; min-height: 220px; position:relative;  height:auto; background:#000; margin-top: 0px;  }
		.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
		.fullSlide .bd ul{ width:100% !important;  }
		.fullSlide .bd li{ width:100% !important;  min-height: 220px; height:auto; overflow:hidden; text-align:center;  }
		.fullSlide .bd li a{ display:block; height:auto;  min-height: 220px;}
	
		.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;
			 _background:#000; _filter:alpha(opacity=60); 
		}
		.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
		.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
			line-height:9999px; 
		}
		.fullSlide .hd ul li img{display: block;}
		.fullSlide .hd ul .on{ background-position:0 0; }
		
		.m1{height: auto;}
		.m1bd{padding-top: 15px;}
		.m1bd ul li{width: 100%; height: 290px; background: #eeeeee; border-radius: 4px; padding-top: 12px; float: left; margin-right: 22px;}
		.m1bd ul li .pic{width:calc(100% - 20px); height: 220px; margin: auto; background: #FFFFFF; border-radius: 4px; text-align: center;display: flex; justify-content: center;  }
		.m1bd ul li .pic img{height: 196px; align-self: center; }
		.m1bd ul li .tit{font-size: 20px; padding-left: 12px; line-height: 65px;}
		.m2{height: auto;}
		.m2con{padding-top: 10px;}
		.m2con ul li{width: 100%; height: 215px; float: none; position: relative; margin-left: 0; margin-bottom: 22px; border-radius: 4px;}
		.m2con ul li img{width: 100%; height: 215px;}
		.m2con ul li span{display: none;}
		.m2con ul li h3{width: 100%; height: 44px; background: rgba(0,0,0,0.3); position: absolute; bottom: 0; font-weight: normal; font-size: 14px; color: #FFFFFF; line-height: 44px; padding-left: 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-indent: 10px;}
		.m2con ul li:nth-child(1){width: 100%; height: auto; background: #eeeeee; float: none; border-radius: 5px; margin-left: 0;}
		.m2con ul li:nth-child(1) img{width: calc(100% - 26px); height: auto; padding-top: 17px; padding-left: 13px; border-radius: 5px;}
		.m2con ul li:nth-child(1) h3{position: relative; background: none; font-size: 20px; color: #353434; width: 100%;}
		.m2con ul li:nth-child(1) span{display: block; font-size: 14px; color: #706f6f; padding-left: 13px; padding-right: 13px;}
		.title{font-size: 30px; color: #353434; height: 94px; padding-top: 30px;}
		.m4{height: auto; padding-top: 0px; padding: 0;}
		.m4l{width: auto; height: auto; float: none;}
		.m4l img{border-bottom-left-radius: 0px; display: block;}
		.m4r{width: auto; height: auto; float: none; border-top-right-radius: 0px; background: #eeeeee; padding-left: 15px; padding-right: 15px; line-height: 36px;}
		.m4r h3{font-size: 24px; font-weight: normal; color: #353434; line-height: 60px; padding-top: 20px;}
		.m4r p{font-size: 14px; color: #636363;}
		#foot1{height: 247px; border-bottom: 1px solid #4e5157; background: #34373e;}
		.foot1l{width: 100%; float: none; }
		.foot1t{font-size: 16px; color: #FFFFFF; padding-top: 40px;}
		.foot1lcon{color: #FFFFFF; font-size: 14px; line-height: 36px; padding-top: 20px;}
		.foot1r{width: 277px; float: none;}
		.foot1rcon{font-size: 18px; color: #FFFFFF;}
		.foot1r img{padding-top: 80px;}
		#foot2{background: #34373e; height: auto;}
		.foot2t{height: 220px;}
		.foot2l{padding-top: 60px; width: 318px; float: left;}
		.foot2m{float: left; width: 715px;padding-top: 50px;}
		.foot2m ul li{float: left; margin-right: 108px; margin-bottom: 30px;}
		.foot2m ul li a{color: #FFFFFF;}
		.foot2r{float: right; padding-top: 50px;}
		.foot2r ul li{float: left; margin-left: 5px;}
		.foot2b{text-align: center; color: #FFFFFF; font-size: 14px; padding-top: 20px; padding-bottom: 20px;}
		.tl{float: none;}
		.tr{float: none;}
		/*底部*/
		@font-face {
		font-family: "iconfont";
		src: url('../font/iconfont.ttf?t=1625214262234') format('truetype');
		
		}
		
		.iconfont {
		font-family:"iconfont" !important;
		font-size:16px;
		font-style:normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
		}
		
		.foot{width: 100%;height: 48px;color: #FFF;}
		.foot a{color: #FFF;}
		.foot .menu{background: #25333e;;width: 100%;height: 65px;font-size: 14px;padding:  0; position: fixed; bottom: 0}
		.foot .menu .iconfont{font-size: 20px;}
		
		.pull-left{width: 25%; float: left; text-align: center;}
		#zybanner{height: 207px; background: url(../img/zybanner.jpg) center; text-align: center;}
#zybanner span{font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 207px;text-shadow: 5px 5px 5px rgba(0,0,0,0.4);letter-spacing:5px}
.list-news li {
    float: left;
    width: 100%;
    margin-right: 0%;
	margin-bottom:2%;
	height: auto;
}
.list-news li em{font-style: normal;}
.list-news li:nth-child(2n){margin-right: 0;}
.list-news li a {
    display: block;
	position:relative;
	background:#fff;
}
.list-news li a span {
    display: block;
    opacity:0;
}
.list-news li a span img {
    width: 100%;
    height: auto;
}
.list-news li a div {
    padding: 10px;
	
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	transition:all .3s;
	border:1px solid #ccc;
}
.list-news li:hover a div{
	border:1px solid #d11f3f;
}
.list-news li a div h3 {
    font-size: 18px;
    margin: 0px 0;
    font-weight: bold;
    color: #333;
	transition:all .3s;
}
.list-news li a div p {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}
/*------------list-product-------------*/
.list-product{
	padding-top: 20px;
}
.list-product li {
    float: left;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 4%;
}
.list-product li:nth-child(3n){margin-right: 0;}
.list-product li a {
    display: block;
    padding: 10px;
    border: 1px solid #eee;
}
.list-product li a span{
	position:relative;
	display:block;
}
.list-product li a span::after
,.list-product li a span::before{
	position:absolute;
	content:"";
	width:100%;
	height:0;
	opacity:0;
	background: #002e73;
	left:0;
	top:0;
	opacity:.8;
	transition:all .3s;
}
.list-product li a span::after{
	top:auto;
	bottom:0;
}
.list-product li:hover a span::after
,.list-product li:hover a span::before{
	opacity:.8;
	height:50%;
}
.list-product li a span ins {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: absolute;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	width: 100%;
	opacity:0;
	transition:all .3s;
}
.list-product li:hover a span ins {
	opacity:1;
}
.list-product li a img{
	width:100%;
	
	
}
.list-product li a .picimg1{
	height: auto;
}
.list-product li a .picimg2{
	height: auto;
}
.list-product li a h3 {
    text-align: center;
    font-size: 16px;
    margin: 0px 0 0px;
}
.list-conatct {
    border: 1px solid #eee;
    margin: 100px auto;
    padding: 100px;
}
}